<template>
	<view :class="['custom-tag text-sm', customClass]">{{item.label}}</view>
</template>

<script>
	export default {
		name: 'CustomTag',
		props: {
			item: {
				type: Object,
				default: () => {}
			},
			customClass: {
				type: String,
				default: ''
			}
		},
		methods: {
			handleClick(url) {
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.custom-tag {
		width: 60px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		border-radius: 5px;
		margin-right: 2px;
		margin-bottom: 5px;
		border: 1px solid #e5e5e5;
		box-sizing: content-box;
		color: #222222;
		background-color: #FFFFFF;
	}
	.custom-tag.active {
		background-color: #52B36D;
		color: #FFFFFF;
		border: 1px solid #52B36D;
	}
</style>